<!doctype html>
<html>

<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>EventHub</title>
</head>

<body style="margin:0; padding:0;" bgcolor="#fff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table border="0" width="680" cellpadding="0" cellspacing="0" class="container" align="center"
        style="width:880px; max-width:680px; padding-top: 100px; padding-bottom: 100px;">
        <tr width="680">
            <td align="center" width="680" style="padding-bottom: 50px;">
                <a href="{{app_url}}">
                    <img src="" height="36">
                </a>
            </td>
        </tr>

		  {{ content }}
		  
        <tr>
            <td width="240" align="center" style="padding-top: 40px; width: 240px;">
                <table width="240" style="width: 240px;">
                    <tr>
                        <td width="240" align="center"
                            style="width: 240px; display: flex; justify-content: space-between;">
                            <a href="https://twitter.com/openeventhub" style="display: inline-block;">
                                <img src="{{app_url}}/assets/email/twitter.png"
                                    style="height: 52px;">
                            </a>
                            <a href="https://www.instagram.com/openeventhub/" style="display: inline-block;">
                                <img src="{{app_url}}/assets/email/instagram.png" style="height: 52px;">
                            </a>
                            <a href="https://www.facebook.com/openeventhub" style="display: inline-block;">
                                <img src="{{app_url}}/assets/email/facebook.png" style="height: 52px;">
                            </a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <tr>
              <td width="680" style="width: 680px;" align="center">
                <table width="680" align="center" style="width: 680px; font-family:Arial, Helvetica, sans-serif; font-size:14px;">
                    <tr>
                        <td width="680" align="center" style="width: 680px; padding-top:40px; padding-bottom:40px;">
                            <a href="https://www.openeventhub.com/" target="_blank" style="display: block; color:#E8345D; font-size: 16px; font-weight: 600; text-decoration: none; padding-bottom: 20px;">www.openeventhub.com</a>
                            <span style="font-size:14px; color: rgba(41, 45, 51, 0.6);">Copyright © 2021 - All rights reserved.</span>

                            <span style="display: block; padding-top: 25px;">
                                <a href="#" style="display: inline-block; background-color: rgba(41, 45, 51, 0.15); border-radius: 5px; text-decoration: none; color: rgba(41, 45, 51, 0.3); font-weight: 600; padding: 5px 10px; margin-right: 10px;">View in browser</a>
                                <a href="#" style="display: inline-block; background-color: rgba(41, 45, 51, 0.15); border-radius: 5px; text-decoration: none; color: rgba(41, 45, 51, 0.3); font-weight: 600; padding: 5px 10px ;">Unsubscribe</a>
                            </span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>